<template>
<div>
	<fieldset class="zxh-rigbot">
		<legend>全部分类</legend>
	</fieldset>
	<div class="zxh-sort">
		<ul>
			<li>
				<router-link to="/sortthree">
					<img src="/static/sortimg/1499926080989_1.3733317239310927_a413cf53-3382-4c78-8861-28d3f809cf39.png" alt="">
					<p>
						坚果炒货
					</p>
				</router-link>
			</li>
			<li>
				<img src="/static/sortimg/1499926092496_93.02789192862146_1fa5f5e9-bd58-4ede-84c6-f36ae1d43ee8.png" alt="">
				<p>
					肉类即食
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926104209_56.512698950170645_51c4e24f-ad4f-46bb-bdc5-47406074bab3.png" alt="">
				<p>
					糕点饼干
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926170366_6.226460608194051_fa902c80-5863-4490-8584-8fe7a6b05f6d.png" alt="">
				<p>
					果脯蜜饯
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926182999_11.311567937615763_3ee31bf0-9397-4a0c-a77a-85474ea187cb.png" alt="">
				<p>
					豆菌笋类
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926204924_62.398294246867515_ddcfc3b5-ee18-4349-988d-d7f6097f2f70.png" alt="">
				<p>
					糖果果冻
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926301761_47.92797983018626_6db2ac24-d035-4a58-a269-85128bb489a4.png" alt="">
				<p>
					粮油饮品
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926215808_76.66561889852159_8e314e8a-4a93-4b70-adb0-a6d6f46fa864.png" alt="">
				<p>
					全球尖货
				</p>
			</li>
			<li>
				<img src="/static/sortimg/1499926301761_47.92797983018626_6db2ac24-d035-4a58-a269-85128bb489a4.png" alt="">
				<p>
					生鲜水果
				</p>
			</li>
		</ul>
	</div>
</div>

</template>
<style type="text/css" scoped>
	.zxh-rigbot{
		width: 90%;
		padding: 0;
		border: .01rem #c5c5c5 solid;
		border-left:0; 
		border-bottom:0; 
		border-right:0; 
		margin-left: 5%;
		/* margin-bottom: .3432rem; */
		margin-top: .3432rem;
	}
	.zxh-sort>ul{
		display: flex;
		width: 90%;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.zxh-sort>ul>li{
		width: 30%;
		background: #fff;
		margin-top:  .3232rem;
		text-align: center;
	}
	.zxh-sort>ul>li img{
		width: 100%;
	}
	.zxh-sort>ul>li>p{
		padding-bottom: .26775rem;
	}
</style>
<script type="text/javascript"></script>
<!-- 没用组件 -->